<form action="" class="uk-form">
	<div class="uk-grid">
		<div class="uk-width-9-10">
			<input type="text" placeholder="" class="uk-width-1-1"
				placeholder="输入任意关键字进行筛选查看">
		</div>
		<div class="uk-width-1-10">
			<button class="uk-button uk-button-primary uk-width-1-1">
				<i class="uk-icon-search"></i>
			</button>
		</div>
	</div>
</form>
<div class="uk-margin-top uk-position-relative">
	<div [hidden]="isReady" class="loading">
		<i class="uk-icon-spinner uk-icon-spin"></i>
	</div>
	<vaadin-grid visible-rows="8" [items]="devices" #grid>
		<table>
			<colgroup>
				<col name="device_id">
				<col name="device_name">
				<col name="device_location">
				<col name="status">
				<col name="created_time">
			</colgroup>
			<thead>
				<tr>
					<th>设备号</th>
					<th>设备名称</th>
					<th>设备摆放地址</th>
					<th>设备运行情况</th>
					<th>设备正式上线时间</th>
				</tr>
			</thead>
		</table>
	</vaadin-grid>
	<div class="uk-grid uk-margin-top">
		<div class="uk-width-2-10">
			<button class="uk-button uk-button-danger uk-width-1-1"
					type="button"
					[disabled]="pageNumber===1"
					(click)="prevPage()">
				上一页
			</button>
		</div>
		<div class="uk-width-6-10 uk-text-center page-number">当前第 {{pageNumber}} 页，共 {{totalPage}} 页</div>
		<div class="uk-width-2-10">
			<button class="uk-button uk-button-danger uk-width-1-1"
					type="button"
					[disabled]="pageNumber>=totalPage"
					(click)="nextPage()">
				下一页
			</button>
		</div>
	</div>
</div>